<template>
    <div class='box'>
         <p class="top_p"><el-button type="text" @click="goHome" class="sy-mt16">
             首页</el-button>&emsp;/&emsp;商品管理&emsp;/&emsp;商品列表/&emsp;添加商品&emsp;</p>
<div>
      <el-alert
      class="mt16"
                title="消息提示的文案"
                type="info"
                center
                show-icon
                :closable="false">
               
</div>
 <!-- 步骤条 -->
 <div>
          <el-steps :active="active" finish-status="success" align-center class="mt16">
  <el-step title="基本信息"></el-step>
  <el-step title="商品参数"></el-step>
  <el-step title="商品属性"></el-step>
  <el-step title="商品图片"></el-step>
  <el-step title="商品内容"></el-step>
  <el-step title="商品完成"></el-step>
</el-steps>
 </div>
      <!-- tab切换 -->
<el-tabs :tab-position="tabPosition" style="height: 200px;" class="mt16">
    <el-tab-pane label="用户管理">

  <el-step title="基本信息">1</el-step>

    </el-tab-pane>
    <el-tab-pane label="配置管理">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
    <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
  </el-tabs>
    </div>
</template>

<script>
export default {
    data() {
        return {
              tabPosition: 'left',
        };
    },
    mounted() {},
    methods: {},
    components:{}
};
</script>

<style lang='scss'>
.box{
    width: 100%;
height: 100%;
background-color: #ffff;
}
</style>
